<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>宏陶居</title>
    <link rel="stylesheet" href="js/jquery.fullPage.css">
    <link rel="stylesheet" href="css/index.css">
 
    <script src="js/jquery-1.12.4.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
    <script>
        $(function () {
            $("#box").fullpage({
                sectionsColor:["#956948","#000", "#956948", "#000"],
                //navigation:true,
                //navigationTooltips:["提示1","提示2","提示3","提示4"],
               slidesNavigation:true,

                afterRender:function () {
                    //当组件加载完成了就会调用一个这个方法
                    console.log("加载完成了");
                },
                afterLoad:function (anchorLink, index) {
                    //index记录第几屏
                    //console.log(index);
                },
                onLeave:function (index,nextIndex,diretion) {
                    console.log(index + " " + nextIndex);
                }
            });

            var timer=setInterval(function(){
                $.fn.fullpage.moveSectionDown();
            }, 1500);
            setTimeout(function(){
                clearInterval(timer);
            },5000);

             setInterval(function(){
                $.fn.fullpage.moveSlideRight();
            }, 2000);

        });
    </script>

</head>
<body>
<div id="box">
    <div class="section section1">
       <img src="img/7.jpg" >
       <div class="animated getin">
           直接进入网站
       </div>
    </div>
    <div class="section">
        <div class="slide">
             <img src="img/3.jpg">
        </div>
        <div class="slide">
            <img src="img/4.jpg">
        </div>
        <div class="slide">
            <img src="img/5.jpg">
        </div>
        <div class="slide">
            <img src="img/9.jpg">
        </div>
    </div>
    <div class="section">
        <img src="img/8.jpg">
    </div>
    <div class="section">
        <img src="img/6.jpg">
    </div>
</div>
</body>
</html>